import React from 'react'
import Code from './Code'
import { Spinner, Loading, Indicator } from '../ui-components/loading'
import style from './style'
import styleLoading from './style.loading'

export default
class Test extends React.Component {

	render() {
		return (
			<div className={style.root}>
				<Code>{'<Loading value={..}/>; <Indicator/>; <Spinner/>'}</Code>
				<div>
					<Loading value="10" animate={false}/>
				</div>
				<div>
					<Loading value="60"/>
				</div>
				<div>
					<Loading height="12" width="200" value="40"/>
				</div>
				<div>
					<Loading loading/>
				</div>
				<div>
					<Indicator className={styleLoading.indicator}/>
				</div>
				<div>
					<Spinner className={styleLoading.spinner}/>
				</div>
				<div>
					<Spinner small className={styleLoading.spinner}/>
				</div>
			</div>
		)
	}
}
